// 1.使用分页插件,先在html页面需要页码的地方写好写好以下html结构
//    <div class="text-right">
//    <ul id="paginator"></ul>
//    </div>

//2.在js页面
 //调接口,发送ajax请求,获得数据,渲染页面
    //将获取数据并渲染封装成函数,以便需要时调用
    function render() {
        $.ajax({
            url: '/product/queryProductDetailList',
            type: 'get',
            data: {
                'page': page,
                'pageSize': pageSize

            },
            success: function (backData) {
                console.log(backData);
                //取得数据后调用模板渲染数据
                var result = template('product-table', backData);
                //渲染数据
                $('.right .table tbody').html(result);
                //页码需要在获得数据后显示,所以放在ajax请求的里面
                $('#paginator').bootstrapPaginator({
                    bootstrapMajorVersion: 3, //指定分页插件版本,如果是版本3,必须指定
                    currentPage: page, //当前页
                    totalPages: Math.ceil(backData.total / pageSize), //总页数
                    size: 'small', //设置控件大小
                    onPageClicked: function (a, b, c, index) {
                        page = index;
                        render();
                    }


                })


            }
        })


    }

    //首次调用
    render();

